import styled from 'styled-components'
export const Container = styled.div`

  
  .main{
    padding:0 20px;
  }
  .btns{
    height: 40px;
    margin-bottom: 10px;
    .addBtn,.selBtn{
      display: inline-block;
      width: 80px;
      height: 36px;
      background-color: rgba(28,144,243,1);
      color: #fff;
      text-align: center;
      font-weight: 700;
      font-size: 14px;
      line-height: 36px;
      border-radius: 3px;
      i{
        font-size: 13px;
        display: inline-block;
        width: 16px;
        height: 16px;
        font-weight: 400;
      
      }
    }
    .orderId{
      width: 150px;
      height: 36px;
      border: 1px solid rgba(221,221,221);
      border-radius: 3px;
      text-indent: 10px;
      margin-right:10px;
    }
  }
  .newOrder{
    width: 600px;
    height: 500px;
    background: #fff;
    border:1px solid #ccc;
    border-radius: 3px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -250px;
    padding: 15px;
    .newOrderTitle{
      font-weight: 600;
      color: #1c90f3;
      margin-bottom: 10px;
      line-height: 50px

    }
  }
`